import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
const store = new Vuex.Store({
    state: {
        isShowLoading: false, // 全局 loading
        // 左侧菜单栏数据
        menuItems: [],
        menus: [{
            name: 'home', // 要跳转的路由名称 不是路径
            size: 18, // icon大小
            type: 'md-home', // icon类型
            text: '主页', // 文本内容
        },
        {
            name: 'clerkList', // 要跳转的路由名称 不是路径
            size: 18, // icon大小
            type: 'md-contact', // icon类型
            text: '工作人员管理', // 点击侧边栏跳到一个单独的路由页面，需要提前在 router.js 定义
        },
        {
            name: 'userInfo', // 要跳转的路由名称 不是路径
            size: 18, // icon大小
            type: 'md-contact', // icon类型
            text: '志愿者申请管理', // 点击侧边栏跳到一个单独的路由页面，需要提前在 router.js 定义
        },
        {
            name: 'notice', // 要跳转的路由名称 不是路径
            size: 18, // icon大小
            type: 'md-contact', // icon类型
            text: '动物信息管理', // 点击侧边栏跳到一个单独的路由页面，需要提前在 router.js 定义
        },
        {
            name: 'memberList',  
            size: 18,  
            type: 'md-contact',  
            text: '捐款统计',  
        },
        {
            name: 'pre',  
            size: 18,  
            type: 'md-contact',  
            text: '机构周报管理',  
        },
        {
            name: 'tech',  
            size: 18,  
            type: 'md-contact',  
            text: '技术问题管理',  
        },
        {
            name: 'shoping',  
            size: 18,  
            type: 'md-contact',  
            text: '考勤管理',  
        },
        {
            name: 'ordermanger',  
            size: 18,  
            type: 'md-contact',  
            text: '部门管理',  
        },
        {
            name: 'material',  
            size: 18,  
            type: 'md-contact',  
            text: '物资管理',  
        },
    ],
        nickName: ''
    },
    mutations: {
        setMenus(state, items) {
            state.menuItems = [...state.menus]
        },
        setLoading(state, isShowLoading) {
            state.isShowLoading = isShowLoading
        },
        setNickName(state) {
            const name = JSON.parse(localStorage.getItem('userinfo')).username
            state.nickName = name
        }
    },
})

export default store